<script src="../../../../Public/js/plugins/jqgrid/jquery.jqGrid.min.js"></script>
<extend name="Public:base"/>

<block name="title">党章党纪</block>

<block name="head">
    <link href="__PUBLIC__/css/plugins/jqgrid/ui.jqgrid.css?0820" rel="stylesheet">
    <link href="__PUBLIC__/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="__PUBLIC__/css/font-awesome.css?v=4.4.0" rel="stylesheet">
    <link href="__PUBLIC__/css/animate.css" rel="stylesheet">
    <link href="__PUBLIC__/css/plugins/dropzone/basic.css" rel="stylesheet">
    <link href="__PUBLIC__/css/plugins/dropzone/dropzone.css" rel="stylesheet">
    <link href="__PUBLIC__/css/style.css?v=4.1.0" rel="stylesheet">
    <link href="__PUBLIC__/css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
</block>

<block name="body">
    <div class="wrapper wrapper-content animated fadeIn">
        <div class="row">
            <div class="col-sm-12">
                <div class="ibox ">
                    <div class="ibox-title">
                        <h5>”党章党纪“ 资料列表页</h5>
                    </div>
                    <div class="ibox-content">
                        <div class="jqGrid_wrapper">
                            <table id="table_list_2"></table>
                            <div id="pager_list_2"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>文件上传</h5>
                        <div class="ibox-tools">
                        </div>
                    </div>
                    <div class="ibox-content">
                        <form id="my-awesome-dropzone" class="dropzone" action="{:U('Discipline/fileUpload')}">
                            <div class="dropzone-previews"></div>
                            <button type="submit" class="btn btn-primary pull-right">提交</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>

    </div>
</block>

<block name="footer">
    <!-- 全局js -->
    <script src="__PUBLIC__/js/jquery.min.js?v=2.1.4"></script>
    <script src="__PUBLIC__/js/bootstrap.min.js?v=3.3.6"></script>
    <!-- jqGrid -->
    <script src="__PUBLIC__/js/plugins/jqgrid/i18n/grid.locale-cn.js?0820"></script>
    <script src="__PUBLIC__/js/plugins/jqgrid/jquery.jqGrid.min.js?0821"></script>
    <!-- Sweet alert -->
    <script src="__PUBLIC__/js/plugins/sweetalert/sweetalert.min.js"></script>
    <!-- 自定义js -->
    <script src="__PUBLIC__/js/content.js?v=1.0.0"></script>
    <!-- DROPZONE -->
    <script src="__PUBLIC__/js/plugins/dropzone/dropzone.js"></script>


    <script>
        $(document).ready(function () {
            $.jgrid.defaults.styleUI = 'Bootstrap';

            $("#table_list_2").jqGrid({
                url       : "{:U('Discipline/getFileList')}",// 请求地址
                datatype  : "json",                      // 数据类型
                mtype     : "get",                       // 提交方式
                height    : "80%",                       // 高度
                sortname  : "id",                        // 默认排序列
                sortorder : "desc",                      // 默认排序方式
                autowidth : true,                        // 自动宽
                loadui    : "block",                     // 加载Loading提示阻止其他操作
                pginput   : true,                        // 加载Loading显示文本
                loadtext  : "数据请求受网络限制，请稍等......",

                colNames  : ['ID', '标题', '链接','发布时间', '状态'], // 定义显示对应列标题
                reloadAfterSubmit:true,         // 数据操作成功后刷新显示数据
                // 定义显示对应行内容相关信息
                colModel: [
                    {
                        name          : 'id',
                        index         : 'id',
                        width         : 60,
                        search        : true,
                        align         : 'center',
                        formatter     : "int",
                        // 查询条件
                        searchoptions : {
                            sopt : ['eq','lt','gt']
                        }
                    },
                    {
                        name        : 'title',
                        index       : 'title',
                        width       : 90,
                        align       : 'center',
                    },
                    {
                        name          : 'links',
                        index         : 'links',
                        width         : 90,
                        align         : 'center',
                        // 字段类型
                        edittype      : "text",
                    },
                    {
                        name        : 'time',
                        index       : 'time',
                        width       : 80,
                        align       : "center",
                        // 数据显示转化（当前是日期转换）
                        formatter   : function (cellvalue) {
                            return new Date(parseInt(cellvalue) * 1000).toLocaleString().substr(0,20)
                        },
                        editrules   :  {
                            edithidden  : true,
                            required    : true
                        },
                        // 设置查询条件
                        searchoptions : {
                            sopt     : ['le','ge'],
                            // 查询条件相关插件设置（当前设置的日历）
                            dataInit : function (elem) {
                                $(elem).datepicker(
                                    {
                                        showButtonPanel: true
                                    }
                                );
                            }
                        }
                    },
                    {
                        name        : 'delete',
                        index       : 'delete',
                        width       : 80,
                        align       : "center",
                        formatter   : function (cellvalue) {
                            var info = null;
                            if (cellvalue == 1) {
                                info = '正常';
                            } else if (cellvalue == 2) {
                                info = '已删除';
                            } else {
                                info = '未知状态请查看数据源';
                            }
                            return info;
                        },
                        // 查询条件
                        searchoptions : {
                            sopt     : ['eq']
                        }
                    }
                ],
                pager       : "#pager_list_2",
                hidegrid    : false,
                viewrecords : true,                 //是否在浏览导航栏显示记录总数
                rowNum      : 5,                   //每页显示记录数
                rowList     : [5,10,15,20,25,30],   //用于改变显示行数的下拉列表框的元素数组。

                // 获取查询返回数据
                loadComplete: function (data) {
                    console.log(data.list)//为所有数据行，具体取决于reader配置的root或者服务器返回的内容
                },

                // 定义返回数据格式
                jsonReader:{
                    page        : "page"    ,   // json中代表当前页码的数据
                    total       : "total"   ,   // json中代表页码总数的数据
                    records     : "records" ,   // json中代表数据行总数的数据
                    root        : "list"    ,   // 每行列表数据的总键名

                    // 数据对应键名
                    id      : "id",
                    title   : "title",
                    links  : "links",
                    time    : "time",
                    delete    : "delete"
                }
            });

            // Add selection
            $("#table_list_2").setSelection(4, true);

            // Setup buttons
            $("#table_list_2").jqGrid('navGrid', '#pager_list_2', {
                    add     : false,
                    edit     : false,
                    del     : true,
                    search  : true,
                    deltext     : '删除',
                    searchtext  : '查询',
                    refreshtext : '刷新'
                },
                // 修改相关
                {},
                // 增加相关
                {},
                {
                    // 删除提交地址
                    url: "{:U('Discipline/fileDelete')}",
                    // 增加返回值处理
                    afterComplete:function (a,postData,c) {
                        if (typeof (a.responseText) == 'string') {
                            var data = stringToJson(a.responseText);
                        }

                        var status = data['status'];
                        var message = data['message'];

                        if(status != 'success' && status != 'error') {
                            swal(
                                '未知错误！',
                                '请联系技术人员',
                                'warning'
                            )
                        } else {
                            swal(
                                message['title'],
                                message['intro'],
                                status
                            );
                        }
                    },
                    // 删除后关闭
                    closeAfterDel:true
                },
                {
                    // 多条件查询
                    multipleSearch : true,
                    // 显示查询语句
                    showQuery      : true
                },
                {
                    // 操作完成后,是否重新加载数据
                    reloadAfterSubmit   : true
                });

            // Add responsive to jqGrid
            $(window).bind('resize', function () {
                var width = $('.jqGrid_wrapper').width();
                $('#table_list_2').setGridWidth(width);
            });

        });


    </script>

    <script>
        $(document).ready(function () {

            Dropzone.options.myAwesomeDropzone = {

                autoProcessQueue: false,
                uploadMultiple: true,
                parallelUploads: 100,
                maxFiles: 10,
                addRemoveLinks: true,
                dictDefaultMessage:'没有任何文件被添加',
                dictFallbackMessage:'Fallback 情况',
                dictCancelUpload:'点击取消上传',
                dictCancelUploadConfirmation:'您确定取消该文件上传么？',
                dictRemoveFile:'点击取消',
                dictMaxFilesExceeded:'一次最多上传10个文件，请分批上传！',
                // Dropzone settings
                init: function () {
                    var myDropzone = this;

                    this.element.querySelector("button[type=submit]").addEventListener("click", function (e) {
                        e.preventDefault();
                        e.stopPropagation();
                        myDropzone.processQueue();
                    });
                    this.on("sendingmultiple", function () {});
                    this.on("successmultiple", function (files, response) {
                        console.log(files);
                        console.log(response);
                        swal(
                            response.message['title'],
                            response.message['intro'],
                            response.status
                        );

                    });
                    this.on("errormultiple", function (files, response) {
                        alert('导入失败，请联系技术人员！');
                    });
                }

            }

        });
    </script>

</block>